<template>
  <div class="Sales">
    <el-tabs v-model="activeTab" class="Sales-tabs">
      <el-tab-pane label="销售登记" name="register">
        <SalesRegister/>
      </el-tab-pane>
      <el-tab-pane label="销售记录" name="records">
        <SalesRecords/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import SalesRegister from './register/index.vue'
import SalesRecords from './records/index.vue'

const activeTab = ref('register')
</script>

<style scoped lang="scss">
.Sales {
  &-tabs {
    width: 100%;
  }
}
</style>
